<template>
  <div class="home">
    <div>
      <a href="static/pdf//MetaPoolWhitepaper.pdf" target="_blank">
        <span>{{$t('user.Whitepaper')}}</span>
        <img src="../../assets/bottom-icon-download.png" alt />
      </a>
    </div>
    <div>
      <a href="https://twitter.com/metapool1" target="_blank">
        <img src="../../assets/bottom-icon-twitter.png" alt />
      </a>
      <a href="https://t.me/metapoolfinance" target="_blank">
        <img src="../../assets/bottom-icon-telegram.png" alt />
      </a>
      <a href="https://medium.com/@metapool1" target="_blank">
        <img src="../../assets/bottom-icon-medium.png" alt />
      </a>
    </div>
  </div>
</template>
  
  <script>
export default {
  name: "newbestLanguage",
  data() {
    return {};
  },
  components: {},
  mounted() {},
  methods: {}
};
</script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped lang="scss">
.home {
  display: flex;
  justify-content: space-between;
   a {
      color: #000;
  }
  > div:nth-child(1) {
    > span {
      font-size: 16px;
      color: #000;
      margin-right: 5px;
      display: inline-block;
      height: 30px;
      line-height: 30px;
    }
    > img {
      width: 30px;
    }
  }
  > div:nth-child(2) {
    > img {
      width: 30px;
      margin-left: 22px;
    }
  }
}
</style>
  